<template>
    <el-tabs  style="height: 100%" @tab-change="tabChage" v-model="activeName">
        <el-tab-pane label="视频资料" name="video">
            <courseControl :videoControl="true" :textControl="false" :videoExamining="false" :textExamining="false"></courseControl>
        </el-tab-pane>

        <el-tab-pane label="文档资料" name="text">
            <courseControl :videoControl="false" :textControl="true" :videoExamining="false" :textExamining="false"></courseControl>
        </el-tab-pane>

    </el-tabs>

</template>

<script setup>

    import courseControl from "@/components/CreationCenter/CourseControl"
    import {reactive,ref} from 'vue'
    let videoControl = false;
    let textControl = false;
    let videoExamining = false;
    let textExamining=false;
    const activeName = ref('video')
    const tabChage = (TabPaneName)=>{

    }


</script>

<style scoped>
    .el-col {
        text-align: center;
    }
    .paginationclass{
        display: flex;
        justify-content: center;
    }

</style>